<template>
  <div class="slot2">
    <h1>具名插槽</h1>
    <slot name="header"></slot>
    <slot name="content"></slot>
    <slot v-bind:slot2="slot2">{{ slot2.mcd }}</slot>
    <slot name="footer"></slot>
  </div>
</template>
<script>
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: "slot2",
  data() {
    return {
      slot2: {
        msg: "这是具名插槽的数据",
        mcd: "22112",
      },
    };
  },
};
</script>